$legend_icon_height: 30rpx;
$header_operation_box_height: 76rpx;

.operation-container {
	height: $header_operation_box_height;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 32rpx;
	background: #fff;
	border: solid 2rpx #e8eaec;
	box-sizing: border-box;
}
.lt-form-item {
	height: 72rpx;
	display: flex;
	justify-content: space-between;
	margin: 10rpx 0;
	font-size: 32rpx;
	.lt-form-item-label {
		width: 160px;
		height: 100%;
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	.lt-form-item-value {
		width: calc(100% - 100px);
		height: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: right;
		background: #F3F4FF;
		border-radius: 12rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 12rpx;
		.lt-form-item-ipt {
			width: 100%;
			height: 100%;
		}
	}
	.edit-input {
		color: #2b85e4;
	}
}
.lt-header {
	height: 84rpx;
	display: flex;
	box-sizing: border-box;
	border-bottom: solid 1px #5c6be3;
	background: #5c6be3;
	.header-item {
		width: 50%;
		height: 100%;
		font-size: 28rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		border-right: solid 1px #c5c8ce;
	}
	.header-item:last-child {
		border-right: none;
	}
}
.lt-container {
	width: 100%;
	height: calc(100vh - 84rpx - #{$header_operation_box_height});
	padding: 32rpx;
	box-sizing: border-box;
	background: #f8f8f9;
	overflow: auto;
	.machine-item {
		width: 100%;
		margin-bottom: 20rpx;
		.machine-item-label {
			font-size: 30rpx;
			margin-left: 4rpx;
		}
		.machine-item-groups {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			.spin-item {
				width: calc(100% / 3);
				height: 100%;
				box-sizing: border-box;
				padding: 4rpx;
				margin-bottom: 4rpx;
				.spin-item-inner {
					width: 100%;
					height: 164rpx;
					border-radius: 12rpx;
					overflow: hidden;
					box-sizing: border-box;
					border: solid 1px #c5c8ce;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;
					background: #f0faff;
					.spin-item-header {
						width: 100%;
						height: 64rpx;
						color: #808695;
						font-size: 26rpx;
						background: #e8eaec;
						display: flex;
						justify-content: center;
						align-items: center;
						border-bottom: solid 1px #eee;
						position: relative;
					}
					.spin-item-content {
						width: 100%;
						height: 100rpx;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						color: #2b85e4;
						font-size: 24rpx;
						padding: 14rpx;
						word-break:break-all;
					}
				}
			}
		}

	}
}
